import React from 'react';
import { Divider } from 'antd';
import InterviewTitlePc from '../InterviewTitlePc';
import styles from './index.less';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const InterviewBoxPcB = ({
    titleProps,
    boxProps,
    children,
    onClick,
    left,
    right,
    showLeftRight = true,
    leftStyle,
    rightStyle,
    ...rest
}) => (
    <div className={styles.interviewBox} {...rest}>
        <InterviewTitlePc {...titleProps} />
        <div className={styles.boxMain} {...boxProps}>
            {showLeftRight ? (
                <>
                    <div className={styles.action} style={{ ...leftStyle }}>
                        {left}
                    </div>
                    <Divider
                        type="vertical"
                        style={{ height: 'auto', background: '#E8EAEF', marginTop: 78, marginBottom: 78 }}
                    />
                    <div className={styles.tips} style={{ ...rightStyle }}>
                        {right}
                    </div>
                </>
            ) : (
                left || children
            )}
        </div>
        <div style={{ paddingTop: 32, height: 1, width: 1 }}> </div>
    </div>
);

export default InterviewBoxPcB;
